<script setup lang="ts">
  import { defineProps, computed } from 'vue';

  const props = defineProps({
    value: Number
  })

  const rate = computed(() => "★★★★★☆☆☆☆☆".slice(5 - props.value, 10 - props.value))
</script>

<template>
  <div>
    {{ rate }}
  </div>
</template>

<style scoped>

</style>
